body{
    margin: 0;
    background-color:#c81e2f ;
}

#top{
    margin: 0 auto;
    height: 420px;
    width: 100%;
    background-image: url("../img/bg1.png");
}
#top .center{
    margin: 0 auto;
    height: 420px;
    width: 1200px;
    background-image: url("../img/bg2.png");
}
#top .center .text{
    float: left;
    margin: 330px 0 0 350px;
    width: 510px;
    height: 34px;
}
#top .center .text p{
    font-weight: 600;
    word-spacing: 10px;
    color: #ffffff;
}

#all_body{
    margin: 0 auto;
    width: 960px;
    height: 3000px;
}
#head{
    margin: -30px 0 0 0;
    width: 960px;
    height: 230px;
    background-image: url("../img/p1.png");
}

#one{
    margin:-60px 0 0 0;
    width: 960px;
    height: 530px;
}
#one .top{
    margin: 0;
    width: 960px;
    height: 50px;
}
#one .middle{
    margin: 0;
    float: left;
    width: 960px;
    height: 480px;
    background-image: url("../img/sc1.png");
}
#one .middle .left{
    margin: 0;
    float: left;
    width: 480px;
    height: 480px;
    background-image: url("../img/t1.png");
}
#one .middle .left .m{
    float: left;
    margin: 150px 0 0 300px;
    height: 150px;
    width: 120px;
}
#one .middle .left .n{
    float: left;
    margin: 115px 0 0 50px;
    height: 25px;
    width: 300px;
    text-align: center;
}
#one .middle .right{
    margin: 0;
    float: left;
    width: 480px;
    height: 480px;
    background-image: url("../img/t2.png");
}
#one .middle .right .m{
    float: left;
    margin: 160px 0 0 310px;
    height: 150px;
    width: 120px;
}
#one .middle .right .n{
    float: left;
    margin: 110px 0 0 75px;
    height: 25px;
    width: 300px;
    text-align: center;
}
#two{
    margin:0;
    width: 960px;
    height: 530px;
}
#two .middle{
    margin: 0;
    float: left;
    width: 960px;
    height: 480px;
    background-image: url("../img/sc2.png");
}
#two .middle .left{
    margin: 0;
    float: left;
    width: 480px;
    height: 480px;
    background-image: url("../img/t3.png");
}
#two .middle .left .m{
    float: left;
    margin: 140px 0 0 295px;
    height: 150px;
    width: 120px;
}
#two .middle .left .n{
    float: left;
    margin: 110px 0 0 60px;
    height: 25px;
    width: 300px;
    text-align: center;
}
#two .middle .right{
    margin: 0;
    float: left;
    width: 480px;
    height: 480px;
    background-image: url("../img/t4.png");
}
#two .middle .right .m{
    float: left;
    margin: 135px 0 0 310px;
    height: 150px;
    width: 120px;
}
#two .middle .right .n{
    float: left;
    margin: 110px 0 0 70px;
    height: 25px;
    width: 300px;
    text-align: center;
}
#three{
    margin:0;
    width: 960px;
    height: 530px;
}
#three .middle{
    margin: 0;
    float: left;
    width: 960px;
    height: 480px;
    background-image: url("../img/sc3.png");
}
#three .middle .left{
    margin: 0;
    float: left;
    width: 480px;
    height: 480px;
    background-image: url("../img/t5.png");
}
#three .middle .left .m{
    float: left;
    margin: 135px 0 0 300px;
    height: 150px;
    width: 120px;
}
#three .middle .left .n{
    float: left;
    margin: 115px 0 0 65px;
    height: 25px;
    width: 300px;
    text-align: center;
}
#three .middle .right{
    margin: 0;
    float: left;
    width: 480px;
    height: 480px;
    background-image: url("../img/t6.png");
}
#three .middle .right .m{
    float: left;
    margin: 140px 0 0 312px;
    height: 150px;
    width: 120px;
}
#three .middle .right .n{
    float: left;
    margin: 110px 0 0 75px;
    height: 25px;
    width: 300px;
    text-align: center;
}
#four{
    margin: 0;
    width: 960px;
    height: 530px;
}
#four .middle{
    margin: 0;
    float: left;
    width: 960px;
    height: 480px;
    background-color: white;
}
#four .middle .left{
    margin: 0;
    float: left;
    width: 480px;
    height: 480px;
    background-image: url("../img/s1.png");
}
#four .middle .left .bottom{
    margin: 410px 0 0 285px;
    float: left;
    width: 100px;
    height: 30px;
}
#four .middle .right{
    margin: 0;
    float: left;
    width: 480px;
    height: 480px;
    background-image: url("../img/s2.png");
}
#four .middle .right .bottom{
    margin: 405px 0 0 300px;
    float: left;
    width: 100px;
    height: 30px;
}
#five{
    margin: 0;
    width: 960px;
    height: 530px;
}
#five .middle{
    margin: 0;
    float: left;
    width: 960px;
    height: 370px;
    background-color: white;
}
#five .middle .left{
    margin: 0;
    float: left;
    width: 320px;
    height: 370px;
}
#five .middle .middle{
    margin: 0;
    float: left;
    width: 320px;
    height: 370px;
}
#five .middle .right{
    margin: 0;
    float: left;
    width: 320px;
    height: 370px;
}